<template>
    <el-descriptions ref="ruleFormRef" :column="2" direction="vertical" v-loading="isLoading">
        




          <el-descriptions-item width="50%" label='SIP服务器ID'>
              {{ isNullOrEmpty( formInline?.sipId ) }}
          </el-descriptions-item>
          <el-descriptions-item width="50%" label='SIP服务器域'>
              {{ isNullOrEmpty( formInline?.sipRegion ) }}
          </el-descriptions-item>
          <el-descriptions-item width="50%" label='SIP设备ID'>
              {{ isNullOrEmpty( formInline?.sipDeviceId ) }}
          </el-descriptions-item>
          <el-descriptions-item width="50%" label='SIP服务器'>
              {{ isNullOrEmpty( formInline?.sipServer ) }}
          </el-descriptions-item>
          <el-descriptions-item width="50%" label='SIP端口'>
              {{ isNullOrEmpty( formInline?.sipPort ) }}
          </el-descriptions-item>
           </el-descriptions>
  </template>
  
  <script setup lang="ts">
  import { isNullOrEmpty } from '@/utils/functions'
  import { ref } from "vue";
  import { titles } from './index';
  import type { infoType } from '@/api//operate/project-management/project-management/facility-grouping/index';
  import { usePageVariablesStoreHook,  } from '@/store/modules/pageVariables'
  import {NOTIFICATIONTYPE} from "@/constant/alarm-mangenment"
  const operate = usePageVariablesStoreHook().getOperate()
  console.log("operate",operate);
  
  type FormProps = {
      formInline: infoType,
      isLoading: boolean
  }
  
  const props = withDefaults(defineProps<FormProps>(), {
      formInline: () => ({} as infoType),
      isLoading: false
  });
  
  const ruleFormRef = ref();

  
  function getRef() {
      return ruleFormRef.value;
  }
  
  defineExpose({ getRef });
  </script>
  